<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<script>
// 获取时间字符串的函数，如：2023-06-15 03:32:57
const getTime = () => {
    // 年不用格式化处理，月、日、时、分、秒的处理逻辑都一样，小于10就补一个0
    const format = (t) => {
        if (t < 10) {
            return "0" + t;
        } else {
            return t;
        }
    };

    // 利用Date对象获取当前时间的方式就是 年月日 时分秒分别调用6个Date对象的api，其中月份需要加1，时分秒的api方法名都是以s结尾（英文单词都是复数）
    const d = new Date();
    const year = d.getFullYear();
    const month = format(d.getMonth() + 1);
    const day = format(d.getDate());
    const hour = format(d.getHours());
    const minute = format(d.getMinutes());
    const second = format(d.getSeconds());

    const time = year + '-' + month + '-' + day + ' ' 
            + hour + ':' + minute + ':' + second;

    return time;
};

// 一个递归函数clock，函数体里面开启一个setTimeout来控制时间间隔，时间一到就递归调用clock即可
const clock = () => {
  setTimeout(() => {
    console.log(getTime());
    clock();
  }, 1000)
}

clock();
</script>
</body>
</html>